@import "../../../assets/css/common.styl"
@import '../../../assets/css/modalBox.styl'
.alarmGroup
	.right_header
		background: #324157
		width: 100%
		height: 50px
		display: flex
		.listName
			font-size: 16px
			flex: 1
	.right_main
		width: 98%;
		padding: 15px 1%;
		.divider2
			background-image: -webkit-linear-gradient(left, transparent, #2eb398, transparent)
			background-image: -moz-linear-gradient(left, transparent, #2eb398, transparent)
			background-image: -ms-linear-gradient(left, transparent, #2eb398, transparent)
			background-image: -o-linear-gradient(left, transparent, #2eb398, transparent)
			background-image: linear-gradient(left, transparent, #2eb398, transparent)
			height: 1px
			margin: 9px 0
			overflow: hidden
		.el-form
			.import
				display: flex;
				flex-flow: row wrap;
				justify-content: space-between;
				@media screen and (min-width: 1240px)
					justify-content: flex-start
				.el-form-item
						margin-right 0px
						width 410px
						.el-form-item__content
							.el-input
								width 209px
			.conmit
				display: block
				width: 304px
				margin: 0 auto
				.el-form-item__content
					text-align: center
					.el-button--primary
						background: #2eb398
						border-color: #2eb398
					.el-button--default
						&:hover
							color: #2eb398;
							border-color: #2eb398
					.warning
						color: #2eb398
		.table
			.el-table
				.el-table__header-wrapper 
					background: #2eb398
					th
						background: #2eb398
					.cell
						background: #2eb398
						color: #fff
				.el-table__body-wrapper
					.el-button--primary
						padding: 7px 9px
						font-size: 12px
						border-radius: 4px
						background: #2eb398
						border-color: #2eb398
						color: #fff		
					.el-button--default
						padding: 7px 9px
						font-size: 12px
						border-radius: 4px
						&:hover
							border-color: #2eb398
							color: #2eb398
							
		.block
			width: 100%
			overflow: hidden
			box-sizing: border-box
			.el-pagination
				width: 100%
				text-align: right
				margin-top: 10px
				padding: 0
				.el-pager li.active
					background: #2eb398
					border-color: #2eb398
					&:hover
						color :#fff
				.el-pager li:hover 
					color: #2eb398
	.revampForm
		@extend $.modalBoxWrap
		.revampChoose
			@extend $.modalBox
			.vicp-close
				@extend $.vicp-close
				.vicp-icon4
					@extend $.vicp-icon4
		.demo-ruleForm,.roleChoose
			border 1px dashed rgba(0, 0, 0, 0.08)
			background-color: rgba(0, 0, 0, 0.03)
			padding 22px
			padding-top 3px
			h5
				text-align center
				color: #48576a
				font-weight bold
				padding 15px
				padding-right 0
		.el-form-item
			margin-right 0px
			width 410px
			.el-form-item__content
				.el-input
					width 209px
			
					
				
						
				
				
						
		